<template>
  <div>
    <tops> <slot>专栏详情</slot> </tops>
    <div class="box">
      <h4>{{ item.title }}</h4>
      <img :src="item.pic" alt="" />
      <p>{{ item.descript }}</p>
    </div>
  </div>
</template>

<script>
import tops from "@/components/Top";
export default {
  components: {
    tops,
  },
  data() {
    return {
      item: this.$route.query.item,
    };
  },
  mounted() {
    // this.$http("https://api.it120.cc/small4/cms/news/detail",+item.id, "get").then(
    //   (res) => {
    //     console.log(res);
    //   }
    // );
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.box {
  line-height: 0.7rem;
  padding: 0 0.24rem;
  h4 {
    font-size: 0.4326rem; //21.63
    text-align: center;
    font-weight: 400;
  }
  img {
    width: 100%;
  }
  p {
    font-size: 0.2884rem;
  }
}
</style>
